.tags{
	margin:0;
	padding:5px !important;
	list-style:none;
	}	
.tags li, .tags a{
	float:left;
	height:24px;
	line-height:24px;
	position:relative;
	font-size:11px;
	}	
.tags a{
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#4F728D;
	color:#fff;
	padding: 50px;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;	
	margin-bottom: 56px;
	}	
.tags a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #4F728D transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;		
	}	
.tags a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
	}
.most_tag .tag_popular li{
	padding-bottom: 30px !important;
}

.tags a:hover{background: #034B78; }	
.tags a:hover:before{border-color:transparent #034B78 transparent transparent;}	

/** main tag*/
#tag {
			background-color: #FFFFFF;
			background-image: none;
			border: none;
			border-radius: 0 0 0 0;
			box-shadow: rgba(0, 0, 0, 0.075) inset;
			color: #555555;
			font-size: 14px;
			height: 34px;
			line-height: 1.42857;
			padding: 6px 12px;
			transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		}
#tags li {
			margin: 0;
			padding: 0;
			list-style: none;
			display: inline;
		}
		#tags li a {
			text-decoration: none;
			color: #fff;
			padding: 0 2px;
		}
		#tags .tag1 a:hover {
			color: red;
		}
		#tags .tag2 a:hover {
			color: blue;
		}
		#tags .tag3 a:hover {
			color: #9C2D62;
		}
		#tags ul .tag4 a:hover {
			color: white;
		}
		#tags .tag5  a:hover {
			color: #9A378D;
		}
		#tags .tag1 a {
			/*font-family: 'Shadows Into Light', cursive;*/
			font-size: 150%;
			color: #fff;
		}
		#tags .tag2 a {
			/*font-family: 'Indie Flower', cursive;*/
			font-size: 180%;
			color: black;
		}
		#tags .tag3 a {
			/*font-family: 'Special Elite', cursive;*/
			font-size: 220%;
			color: yellow;
		}
		#tags .tag4 a {
			/*font-family: 'Indie Flower', cursive;*/
			font-size: 280%;
			color: black;
		}
		#tags .tag5 a {
			/*font-family: 'Anton', sans-serif;*/
			font-size: 300%;
			color: orange;
		}/* alternative layout */
		#tags .alt {
			text-align: left;
			padding: 0;
			background: none;
		}
		#tags .alt li {
			padding: 2px 10px;
			background: #efefef;
			display: block;
		}
		#tags .alt .tag1, #tags .alt .tag2, #tags .alt .tag3, #tags .alt .tag4, #tags .alt .tag5 {
			font-size: 100%;
		}
		#tags .alt .tag1 {
			background: #7cc0f4;
		}
		#tags .alt .tag2 {
			background: #67abe0;
		}
		#tags .alt .tag3 {
			background: #4d92c7;
		}
		#tags .alt .tag4 {
			background: #3277ad;
		}
		#tags .alt .tag5 {
			background: #266ca2;
		}

		.tag_text{
			color:white !important;
			font-weight: normal !important;
		}
		.tag_text:hover{
			color:white !important;
			text-decoration: underline !important;
		}
		#tag {
			background-color: #FFFFFF;
			background-image: none;
			border: none;
			border-radius: 0 0 0 0;
			box-shadow: rgba(0, 0, 0, 0.075) inset;
			color: #555555;
			font-size: 14px;
			height: 34px;
			line-height: 1.42857;
			padding: 6px 12px;
			transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		}
		.tag_text{
			color:white !important;
			font-weight: normal !important;
		}
		.tag_text:hover{
			color:white !important;
			text-decoration: underline !important;
		}
		.line{
			padding: 0 10px 0 10px;
		}
		.tag_popular li a{
			padding: 0 16px !important;
			font-size: 16px !important;
		}
		.over-tag {
			background: url("<?php echo base_url(); ?>templates/front_end/icons/slak.png");
			background-size: 100% 100%;
			background-repeat: no-repeat;
		}